﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title</title>
    <!-- Core CSS - Include with every page -->
    <link  href="@Url.Content("~/Content/bootstrap/css/bootstrap.min.css")" rel="stylesheet" type="text/css" >
    <link  href="@Url.Content("~/Content/bootstrap/font-awesome/css/font-awesome.css")" rel="stylesheet" type="text/css">

    <!-- Page-Level Plugin CSS - Tables -->
    <link  href="@Url.Content("~/Content/bootstrap/css/plugins/dataTables/dataTables.bootstrap.css")" rel="stylesheet" type="text/css">

    <!-- SB Admin CSS - Include with every page -->
    <link href="@Url.Content("~/Content/bootstrap/css/sb-admin.css")" rel="stylesheet" type="text/css">



    <!-- Script -->
    <script src="@Url.Content("~/Content/bootstrap/js/jquery-1.10.2.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/bootstrap/js/plugins/metisMenu/jquery.metisMenu.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/bootstrap/js/plugins/dataTables/jquery.dataTables.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/bootstrap/js/plugins/dataTables/dataTables.bootstrap.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/bootstrap/js/sb-admin.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.20.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/bootstrap/js/bootstrap.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-2.5.3.js")" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
            $('#cssmenu > ul > li > a').click(function () {
                $('#cssmenu li').removeClass('active');
                $(this).closest('li').addClass('active');
                var checkElement = $(this).next();
                if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
                    $(this).closest('li').removeClass('active');
                    checkElement.slideUp('normal');
                }
                if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
                    $('#cssmenu ul ul:visible').slideUp('normal');
                    checkElement.slideDown('normal');
                }
                if ($(this).closest('li').find('ul').children().length == 0) {
                    return true;
                } else {
                    return false;
                }
            });

            $('#menu-icon').hover(function () {
                $('#display-menu').show();
            });

            $('#display-menu').live("mouseleave", function () {
                $(this).hide();
            });
        });
    </script>
    @RenderSection("Styles", false)
</head>

<body>

    <!--header -->
    <!--header ends-->
    <header class="navbar navbar-default navbar-static-top sb-docs-nav" id="top" role="banner">
        <div class="container">
            <div class="navbar-header ">
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                    <!--<span class="glyphicon glyphicon-align-justify"></span> 
         <span class="sr-only">Toggle navigation</span>-->
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a  class="navbar-brand  col-sm-push-1"  href="index.html">RBAC</a>
            </div>
            <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
                <ul class="nav navbar-nav">
                    @*loop ออกมาแค่ 5 ตัว*@
                    <li>
                        <a href="@Url.Content("~/Home/Index")">
                            <span class="glyphicon glyphicon-home">Home</span>
                        </a>

                    </li>

                    <li><a href="@Url.Content("~/User/ListUser")"><strong>User</strong></a></li>
                    <li><a href="@Url.Content("~/Role/ListRole")"><strong>Role</strong></a></li>
                    <li><a href="@Url.Content("~/Permission/ListPermission")"><strong>Permission</strong></a></li>
                    <li><a href="@Url.Content("~/Function/ListFunction")"><strong>Function</strong></a></li>
                    <li><a href="@Url.Content("~/Domain/ListDomain")"><strong>Domain</strong></a></li>

                </ul>

                <div id="header-links">

                    <p align="right">
                        <a href="@Url.Content("~/Home")">Home</a> | 
                        <a href="@Url.Content("~/Home")">Contact</a> | 
                        <a href="@Url.Content("~/Home")">Site Map</a>|		
                        @Html.Partial("_LogOnPartial")
                    </p>
                </div>
            </nav>


        </div>
    </header>
    @*</div>*@
    <!-- navigation ends-->

    <!-- side bar ends-->

    <div class="column col-sm-2 col-xs-1 sidebar-offcanvas" id="sidebar">


        <ul class="nav navbar-default  hidden-xs " id="lg-menu">
            <li class="table-bordered"><a href="@Url.Content("~/Home/Index")"><span class="glyphicon glyphicon-home"><strong>Home</strong></span></a></li>
            <li class="table-bordered"><a href="@Url.Content("~/User/ListUser")"><span><strong>User</strong></span></a></li>
            <li class="table-bordered"><a href="@Url.Content("~/Role/ListRole")"><span><strong>Role</strong></span></a></li>
            <li class="table-bordered"><a href="@Url.Content("~/Permission/ListPermission")"><span><strong>Permission</strong></span></a></li>
            <li class="table-bordered"><a href="@Url.Content("~/Function/ListFunction")"><span><strong>Function</strong></span></a></li>
            <li class="table-bordered"><a href="@Url.Content("~/Domain/ListDomain")"><span><strong>Domain</strong></span></a></li>

        </ul>




    </div>
    <!-- navigation ends-->

    <!-- content-wrap starts -->
    <div class="container-fluid">
        <div class="row ">
            <div class="jumbotron col-sm-10 col-xs-11">
                @RenderBody()
            </div>
        </div>
    </div>

    @*<div class="column col-sm-10 col-xs-11" id="main">
        @RenderBody()
    </div>*@
    <!-- footer starts -->
    <footer class="col-sm-offset-2 " role="contentinfo">
        <div class="container">
            <p align="center">
                &copy; 2013 <strong>Wichan Sutthiaksorn && Chayawooth Puyangtoom</strong> &nbsp;
			    <a href="index.html">Home</a>&nbsp;|&nbsp;
   		        <a href="index.html">Sitemap</a>&nbsp;|&nbsp;
	   	        <a href="index.html">RSS Feed</a>
            </p>
        </div>
    </footer>

</body>
</html>
